﻿
<div class="form-group col-md-12" style="text-align:center;">
    <div style="text-align:center; width:96%">
        <!--<table align="center">
            <tr>
                <td>-->
                    <div id="ca" style="float:left; margin:auto; cursor:pointer; width:13%;" ng-click="toPage('ca')">
                        <div style="text-align:center">
                            <img id="caimg" ng-src="{{caimg}}" />
                        </div>
                        <div style="color:{{cacolor}}">
                            All Accounts
                        </div>
                    </div>
                    <div id="mailbox" style="float:left; margin:auto; cursor:pointer; width:13%;" ng-click="toPage('mail')">
                        <div style="text-align:center">
                            <img id="mailimg" ng-src="{{mailimg}}" />
                        </div>
                        <div style="color:{{mailcolor}}">
                            My Mailbox({{workflownum7}})
                        </div>
                    </div>
                    <div id="soa" style="float:left; margin:auto; cursor:pointer; width:13%;" ng-click="toPage('Soa')">
                        <div style="text-align:center">
                            <img id="soaimg" src="{{soaimg}}" />
                        </div>
                        <div style="color:{{soacolor}}">
                            SOA({{workflownum1}})
                        </div>
                    </div>
                    <!--<div id="contactcustomer" style="float:left; margin:auto; cursor:pointer; width:12%;" ng-click="toPage('contactcustomer')">
                        <div style="text-align:center">
                            <img id="contactcustomerimg" ng-src="{{contactcustomerimg}}" />
                        </div>
                        <div style="color:{{contactcustomercolor}}">
                            Contact Customer({{workflownum2}})
                        </div>
                    </div>-->
                    <div id="dunningreminder" style="float:left; margin:auto; cursor:pointer; width:13%;" ng-click="toPage('dunning')">
                        <div style="text-align:center">
                            <img id="dunningreminderimg" src="{{dunningreminderimg}}" />
                        </div>
                        <div style="color:{{dunningremindercolor}}">
                            Dunning Reminder({{workflownum3}})
                        </div>
                    </div>
                    <div id="disputetracking" style="float:left; margin:auto; cursor:pointer; width:13%;" ng-click="toPage('disputetracking')">
                        <div style="text-align:center">
                            <img id="disputetrackingimg" src="{{disputetrackingimg}}" />
                        </div>
                        <div style="color:{{disputetrackingcolor}}">
                            Dispute Tracking({{workflownum4}})
                        </div>
                    </div>
                    <div id="breakptp" style="float:left; margin:auto; cursor:pointer; width:13%;" ng-click="toPage('breakptp')">
                        <div style="text-align:center">
                            <img id="breakptpimg" src="{{breakptpimg}}" />
                        </div>
                        <div style="color:{{breakptpcolor}}">
                            Break PTP({{workflownum5}})
                        </div>
                    </div>
                    <div id="holdcustomer" style="float:left; cursor:pointer; width:13%;" ng-click="toPage('holdcustomer')">
                        <div style="text-align:center">
                            <img id="holdcustomerimg" src="{{holdcustomerimg}}" />
                        </div>
                        <div style="color:{{holdcustomercolor}}">
                            Hold Customer({{workflownum6}})
                        </div>
                    </div>
                <!--</td>
            </tr>
        </table>-->
    </div>
</div>